<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="shortcut icon" href="http://lion.ufile.ucloud.com.cn/event_share/4PQAzbalvtm6Ot4Y.ico" />
		<link rel="stylesheet" href="static/css/zui.min.css" />
		<link rel="stylesheet" href="static/css/datetimepicker.min.css" />
		<title>JAVA - LION - CMS 简易后台</title>
	</head>

	<body>
		<!-- header -->
		<div class="col-md-12" style="height:80px; background:#2b4053; color: #ffffff; border:0px solid red;margin-bottom:10px;">
			<div class="col-md-9" style="font-size:20px; font-weight:bold; padding-top: 20px;">JAVA - LION - CMS 简易后台</div>
			<div class="pull-right">
				<p>欢迎任辉哈哈哈</p>
				<a class="btn-danger" href="">退出登录 <i class="icon icon-forward"></i></a>
			</div>
		</div>
		<div class="col-md-12">
			<!-- nav -->
			<section>
				<div class="col-md-2" style="border:0px red solid ">
					<article>
						<div class="example" contenteditable="false">
							<nav class="menu" data-toggle="menu">
								<ul class="nav nav-primary">
									<li>
										<a href="javascript:;"><i class="icon-th"></i> Lion 简易后台</a>
									</li>
									<li class="active show nav-parent">
										<a href="javascript:;" th:inline="text"><i class="icon-plus"></i>广告系统</a>
											<ul class="nav">
												<li class="">
													<a href="begin_to_show_window_list.html"><i class="icon-circle-blank"></i><span>开播弹窗</span></a>
												</li>
												<li class="active">
													<a href="begin_to_show_ad_list.html"><i class="icon-circle-blank"></i><span>开播广告</span></a>
												</li>
											</ul>
									</li>
								</ul>
							</nav>
						</div>
					</article>
				</div>
			</section>
			<section>
				<div class="col-md-10">
					<div class="col-md-12">
						<section>
							<article>
								<ol class="breadcrumb">
									<li>
										<a>广告系统</a>
									</li>
									<li>
										<a>开播广告</a>
									</li>
								</ol>
								<hr style="margin-top: -21px;" />
								<div class="row col-md-12" style="padding-bottom: 15px;">
									<form method="get" id="">
										<div class="input-group">
											<span class="input-group-addon fix-border fix-padding"></span>
											<input type="text" name="startDate" id="start-date" class="form-control" placeholder="广告名称" th:value="${days.startDate}">
											<span class="input-group-addon fix-border fix-padding"></span>
											<input type="text" name="startDate" id="start-date" class="form-control form-datetime" placeholder="开始日期" readonly="readonly" th:value="${days.startDate}">
											<span class="input-group-addon fix-border fix-padding"></span>
											<input type="text" name="endDate" id="end-date" class="form-control form-datetime" placeholder="结束日期" readonly="readonly" th:value="${days.endDate}">
											<span class="input-group-addon fix-border fix-padding"></span>
											<span class="input-group-btn">
												<button class="btn btn-default" type="submit">搜索</button>
												<a href="begin_to_show_ad_add.html" class="btn btn-default" id="exportData">添加</a>
											</span>
										</div>
									</form>
								</div>
								<table class="table table-hover">
									<thead>
										<tr>
											<th data-name="sortNumber">ID</th>
											<th data-name="date">广告名称</th>
											<th data-name="room_id">创建时间</th>
											<th data-name="uv">持续时间</th>
											<th data-name="income">状态</th>
											<th data-name="imuvs">点击数</th>
											<th>操作</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td th:text="${day.sortNumber}">1</td>
											<td th:text="${day.date}">啊啊啊</td>
											<td th:text="${day.room_id}">2017-12-8 12:31 </td>
											<td th:text="${day.income}">5</td>
											<td th:text="${day.typeString}">1</td>
											<td th:text="${day.value}">1996</td>
											<td>
												<a class="btn btn-primary" th:href="'/page/share/userdetail?activityId='+${days.activityId}+'&userId='+${day.user_id}">编辑</a>
												<a class="btn btn-primary" th:href="'/page/share/userdetail?activityId='+${days.activityId}+'&userId='+${day.user_id}">关闭</a>
											</td>
										</tr>
										<tr>
											<td th:text="${day.sortNumber}">1</td>
											<td th:text="${day.date}">测试</td>
											<td th:text="${day.room_id}">2017-12-8 12:31</td>
											<td th:text="${day.income}">5</td>
											<td th:text="${day.typeString}">1</td>
											<td th:text="${day.value}">1996</td>
											<td>
												<a class="btn btn-primary" th:href="'/page/share/userdetail?activityId='+${days.activityId}+'&userId='+${day.user_id}">编辑</a>
												<a class="btn btn-primary" th:href="'/page/share/userdetail?activityId='+${days.activityId}+'&userId='+${day.user_id}">开启</a>
											</td>
										</tr>
									</tbody>
									<tfoot>
									</tfoot>
								</table>
							</article>
						</section>
						<ul class="pager">
							<li th:class="${days.startOffset}==0?'disabled':''">
								<a id="data-page" href="javascript:void(0);" th:currentPage="${days.startOffset-1}">上一页</a>
							</li>
							<li class="active">
								<a>1</a>
							</li>
							<li class="">
								<a>2</a>
							</li>
							<li class="">
								<a>3</a>
							</li>
							<li class="">
								<a>4</a>
							</li>
							<li class="">
								<a>5</a>
							</li>
							<li th:class="${days.pages}==${days.startOffset+1}?'disabled':''">
								<a id="next-page" th:nextPage="${days.startOffset+1}">下一页</a>
							</li>
						</ul>
					</div>
				</div>
			</section>
		</div>
	</body>
	<script type="text/javascript" src="static/js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="static/js/zui.min.js"></script>
	<script type="text/javascript" src="static/js/datetimepicker.min.js"></script>
	<script type="text/javascript" src="static/js/begin_to_show_window_list.js"></script>

</html>